import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'

const router = createRouter({
  // hash # 
  // history 没有# 美观 -> but??? 上线后需要后端支持 
  // dist目录中 只有一个index.html页面 只能访问/
  // 后端只需要一行配置 
  // 将访问的非index页面路径  比如 /login /xx  重定向到index页面
  // 重定向之后, 路由匹配的机制 -> 会通过路径进行组件的获取, 加载, 解析, 渲染
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: [
    { path: '/', redirect: '/login' },
    { path: '/login', component: () => import('@/views/Login/Index.vue') },
    { path: '/user', component: () => import('@/views/User/Index.vue') },
  ]
})

export default router
